<template>
  <div class="warp container">
  	<div class="header">
      <div class="return-icon" @click="back()"></div>
      <div class="name">热门问题</div>
      <div></div>
    </div>


    <div class="answer">
    	<h3>{{answer.title}}</h3>
    	<p>{{answer.content}}</p>
    </div>


    
  </div>
</template>
<script>

    export default {
    	name: 'answer',
    	components: {

	    },
    	data () {
      		return {
      			answer:''
	      	}
	    },
	    created(){
			this.$axios.post(
              this.$store.state.url+"problem_list?device_sn="+this.$store.state.device,
              {device_sn:this.$store.state.device}).then(res=>{
                console.log(res.data);
                this.answer = res.data.list[this.$route.params.id];
          	});
	    },
	    mounted(){

	    },
	    methods:{
	      	back(){
	        	this.$router.go('-1')
	      	}
	    }
  	}
</script>
<style lang="scss" scoped>
	.answer{
		margin-top:20px;
		h3{
			font-size:30px;
			color:#000;
			margin-left:20px;
			border-bottom:1px solid #cccccc;
			line-height:90px;
			font-weight: normal;
		}
		p{
			font-size:28px;
			line-height: 1.5;
			margin-left:20px;
			padding-right:30px;
			margin-top:20px;
		}
	}
</style>
